<!--
 * @Description: 
 * @Author: william
 * @Date: 2025-07-02 11:08:08
 * @LastEditors: william
 * @LastEditTime: 2025-07-08 15:56:28
-->
<template>
  <nw-PageTitle :title="$t('system.versionInfo')" isBack />
  <nw-PageContainer>
    <scroll-view class="scroll-table" scroll-y enable-flex>
      <view class="nw-table nw-table2">
        <view class="tr">
          <view class="th">SN</view>
          <view class="th">Brand</view>
          <view class="th">Model</view>
          <view class="th">Version</view>
          <view class="th" style="flex: 1.1">Nickname</view>
          <view class="th">Time</view>
        </view>
        <view class="tbody">
          <view class="tr" v-for="item in 18" :key="item">
            <view class="td">nickName-nickName-SN</view>
            <view class="td">nickName-nickName-Brand</view>
            <view class="td">nickName-nickName-Model</view>
            <view class="td">nickName-nickName-Version</view>
            <view class="td" style="flex: 1.1">nickName-nickName-Nickname</view>
            <view class="td">nickName-nickName-Time</view>
          </view>
        </view>
      </view>
    </scroll-view>
  </nw-PageContainer>
</template>

<script setup>
const loading = ref(true)
const tableList = ref([])

onMounted(_ => {
  getDataList()
})

function getDataList() {
  loading.value = true
  // g_api.user.apiGetPrincipal().then(({ code, data }) => {
  //   if (code === 200 && data) {
  //     tableList.value = data
  //   }
  // })
  tableList.value = [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]
  // setTimeout(() => {
  loading.value = false
  // }, 1000)
}
</script>

<style lang="scss" scoped>
.nw-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 26rpx 20rpx;
  .tbody {
    flex: 1;
    overflow-y: auto;
  }
}
</style>
